<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>Sign Up</title>
	<link href="css/signUp.css" type="text/css" rel="stylesheet"/>
	<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>
    <script src="js/signUp.js"></script>
</head>

<body>
	<div id="container">
    <p>User Sign Up</p>
    <form action="http://localhost:8080/userProfile/" method="post">
        <div class="inputContainer">
			Username:<input type="text" name="username" />
		</div>
		<div class="inputContainer">
			StudentID:<input type="text" name="studentID" />
		</div>
        <div class="inputContainer">
			Password:<input type="text" name="password" />
		</div>
        <div id="buttonContainer">
			<input id="submit" type="submit" value="Submit" />
			<input id="reset" type="button" value="Reset" />
		</div>
        
    </form>
	</div>
	
	<div id="messageContainer">
		<p class="num">The number of users is </p>
	</div>
	
</body>

</html>